<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.css"/>
		<link rel="stylesheet" type="text/css" href="../css/mui.poppicker.css"/>
		<link rel="stylesheet" type="text/css" href="../css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/business/addEquipment.css"/>
		<script src="../js/validate.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="mui-content" id="equip-content" v-cloak>
			<header class="mui-bar mui-bar-nav" id="myHeader">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">新增固定资产</h1>
			</header>
			<div class="mui-scroll-wrapper"  style="-webkit-overflow-scrolling: touch;margin-top: 25px;background-color: #f7f7f7;">
				<div class="mui-scroll">
					<div class="add-new-form-wrapper">
						<div class="add-new-form-item">
							<label class="must-have-value">条码编号：</label>
							<div>
								<input type="text" style="width:187px" :placeholder="tmbhError" v-model="tmbh" @change="clearErrorInfo('tmbh')" readonly>
								<span class="mui-icon iconfont icon-scan1" @tap="openBarcode"></span>
							</div>
						</div>
						<div class="add-new-form-item">
							<label>资产编号：</label>
							<div>
								<input type="text" style="width:187px" :placeholder="zcbhError" v-model="zcbh" @change="clearErrorInfo('zcbh')" readonly>
								<span class="mui-icon iconfont icon-scan1" @tap="openBarcode" ></span>
							</div>
						</div>
						<div class="add-new-form-item no-border">
							<label class="must-have-value">制衣办编号：</label>
							<input type="text" :placeholder="zybbhError" v-model="zybbh" @change="clearErrorInfo('zybbh')" readonly>
						</div>
						<div class="split-line"></div>
						<div class="add-new-form-item">
							<label class="must-have-value">设备类型：</label>
							<div>
								<input type="text" style="width:190px" :placeholder="typeError" v-model="type" @change="clearErrorInfo('type')" readonly>
								<span class="mui-icon iconfont icon-jiantou_you" @tap="equipmentTypePicker"></span>
							</div>
						</div>
						<div class="add-new-form-item">
							<label class="must-have-value">设备名称：</label>
							<div>
								<input type="text" style="width:190px"  :placeholder='nameError' v-model="name" @change="clearErrorInfo('name')">
								<span class="mui-icon iconfont icon-jiantou_you" @tap="toEquipemntTypePicker"></span>
							</div>
						</div>
						<div class="add-new-form-item">
							<label class="must-have-value">品牌/厂商：</label>
							<div>
								<input type="text" style="width:190px" :placeholder="vendorError" v-model="vendor" @change="clearErrorInfo('vendor')">
								<span class="mui-icon iconfont icon-jiantou_you" @tap="toBrandPicker"></span>
							</div>
						</div>
						<div class="add-new-form-item no-border">
							<label>型号：</label>
							<input type="text" :placeholder="modelError" v-model="model"  @change="clearErrorInfo('model')">
						</div>
						<div class="split-line"></div>
						<div class="add-new-form-item">
							<label class="must-have-value">部门：</label>
							<div>
								<input type="text" style="width:190px" :placeholder="departError" v-model="depart"  @change="clearErrorInfo('depart')">
								<span class="mui-icon iconfont icon-jiantou_you" @tap="toDepartPicker"></span>
							</div>
						</div>
						<div class="add-new-form-item">
							<label>车间：</label>
							<div>
								<input type="text" style="width:190px" :placeholder="workshopError" v-model="workshop"  @change="clearErrorInfo('workshop')">
								<span class="mui-icon iconfont icon-jiantou_you" @tap="toWorkshopPicker"></span>
							</div>
						</div>
						<div class="add-new-form-item">
							<label class="must-have-value">使用人：</label>
							<input type="text" :placeholder="userError" v-model="user"   @change="clearErrorInfo('user')">
						</div>
						<div class="add-new-form-item">
							<label>联系方式：</label>
							<input type="text" :placeholder="contactError" v-model="contact"  @change="clearErrorInfo('contact')">
						</div>
						<div class="add-new-form-item">
							<label class="must-have-value">存放地点：</label>
							<input type="text" :placeholder="locationError" v-model="location"  @change="clearErrorInfo('location')">
						</div>
						<div class="add-new-form-item no-border">
							<label>备注：</label>
							<div>
								<textarea rows="3" :placeholder="noteError" cols="27" v-model="note"   @change="clearErrorInfo('note')"></textarea>
							</div>
						</div>
						<button type="button" class="mui-btn mui-btn-blue add-new-submit-buttom" @tap="submitEquipment">保存该资产</button>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../js/mui.js"></script>
	<script src="../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
	<script src="../config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/business/addEquipment.js" type="text/javascript" charset="utf-8"></script>
</html>
